var chartDom = document.getElementById('t2');
var myChart = echarts.init(chartDom);
var option;

option = {
    xAxis: {
        type: 'category',
		boundaryGap: false,
        data: ['大官庄村', '前皮庄村', '单身', '大龄青年'],
		splitLine:{show: false},//去除网格线
		splitArea : {show : false},//保留网格区域
		axisLine: {
			lineStyle: {
				type: 'solid',
		        color: '#fff',//左边线的颜色
		        width:'1'//坐标线的宽度
		    }
		},
    },
    yAxis: {
        type: 'value',
		splitLine: {
			lineStyle: {
				type: 'dotted',
		        color: '#fff',//左边线的颜色
		        width:'1'//坐标线的宽度
		    }
		},
		axisLine: {
			lineStyle: {
				type: 'solid',
		        color: '#fff',//左边线的颜色
		        width:'1'//坐标线的宽度
		    }
		},
		type: 'value',
    },
    series: [{
		label: {
		        show: true,
		        position: 'top',
				color:'#76ABC7',
				formatter: function(params) {
					params.value=params.value+'m²'
					return params.value
				}
			},
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'line',
		itemStyle: {
		        normal: {
		            color: "#fff",
		            lineStyle: {
		                color: "#76ABC7"
		            }
		        }
		    },
		areaStyle:{
            color: {
                type: 'linear',
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0, color: 'rgba(255,255,255, 0.3)' // 0% 处的颜色
                }, {
                    offset: 1, color: 'rgba(255,255,255, 0)' // 100% 处的颜色
                }],
                global: false // 缺省为 false
            }
        },
    }]
};

option && myChart.setOption(option);